<div class="box box-primary collapsed collapsed-box">
    <div class="box-header  with-border">
        <h3 class="box-title"><fmt:message key="loanRequest.activities"/></h3>
        <div class="box-tools pull-right">
            <button class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-plus"></i></button>
        </div>
    </div>
    <!-- /.box-header -->
    <div class="box-body" style="height: 200px;overflow-y:auto;">
        <table class="table table-condensed">
            <thead>
            <tr>
                <th><fmt:message key="feedback.time"/></th>
                <th><fmt:message key="feedback.operator"/></th>
                <th><fmt:message key="feedback.content"/></th>
            </tr>
            </thead>
            <tbody>
            <c:forEach var="activity" items="${loanRequest.activities}">
                <tr>
                    <th width="10%"><fmt:formatDate value="${activity.time}" pattern="${datePattern}"/></th>
                    <th width="20%">${activity.operator}</th>
                    <th>${activity.activity}</th>
                </tr>
            </c:forEach>

            </tbody>
        </table>
    </div>
</div>
